<div class="table-header" [ngClass]="{'table-header-ov':tabVal?.length>=10}">
  <table class="table table-bordered table-header">
    <thead>
      <tr>
        <td class="w5 text-center">
          <input type="checkbox" #event (click)="selectAll(event.checked, tabVal)" [checked]="isSelectAll">
        </td>
        <td class="w5 text-center">

        </td>
        <td class="w5 text-center">序号</td>
        <td class="w20 text-left">合同编号</td>
        <td class="w20 text-left">发票编号</td>
        <td class="w10 text-left">推送时间</td>
        <td class="w10 text-left">回款日期</td>
        <td class="w10 text-left">用户名字</td>
        <td class="w15 text-left">备注</td>
      </tr>
    </thead>
  </table>
</div>
<div class="table-body">
  <table class="table table-bordered table-header overflow-table">
    <tbody class="no-border" *ngIf="tabVal">

      <tr *ngFor="let val of tabVal; let i = index;" [ngClass]="{'active':i%2!=0}">
        <td class="w5 text-center" >
          <!-- <span class="point" *ngIf="val.push_status == 0"></span> -->
          <input type="checkbox" #event (click)="chose(event.checked, val.pushMessageId, val.length)" [checked]="isChose" style="margin-top: 11px;">
        </td>
        <td class="w5 text-center" (click)="updatePushStatus(val,1)">
          <!-- <span class="point" *ngIf="val.push_status == 0"></span>  -->
          <img width="34px" *ngIf="val.pushStatus == 0" height="34px" src="assets/right-product/unread.png">
        </td>
        <td class="w5 text-center" (click)="updatePushStatus(val,1)">
          <p class="details-p">{{tableNumber+i+1}}</p>
        </td>
        <td class="w20 text-left" (click)="updatePushStatus(val,1)">
          <p class="details-p" >{{val.contractNo}}</p>
        </td>
        <td class="w20 text-left" (click)="updatePushStatus(val,1)">
          <p class="details-p" >{{val.invoiceNo}}</p>
        </td>
        <td class="w10 text-left" (click)="updatePushStatus(val,1)">
          <p class="details-p">{{val.pushDateTime | date:'yyyy-MM-dd'}}</p>
        </td>
        <td class="w10 text-left" (click)="updatePushStatus(val,1)">
          <p class="details-p" >{{val.backDate | date:'yyyy-MM-dd'}}</p>
        </td>
        <td class="w10 text-left" (click)="updatePushStatus(val,1)">
          <p class="details-p" >{{val.receiveUserName}}</p>
        </td>
        <td class="w15 text-left"  (click)="updatePushStatus(val,1)">
          <p class="details-p" >{{val.pushMemo}}</p>
        </td>
      </tr>
    </tbody>
  </table>
</div>
<div style="position:relative">
  <button class="btn btn-fff" [disabled]="removeTableService.getRemoveTableId.length == 0" (click)="updatePushStatus(null,1)"
    style="position: absolute;left: 305px;top: 7px;z-index: 99;">批量已读</button>
  <button class="btn btn-fff" [disabled]="removeTableService.getRemoveTableId.length == 0" (click)="updatePushStatus(null,2)"
    style="position: absolute;left: 400px;top: 7px;z-index: 99;">批量删除</button>
  <!-- <div class="info-bottom"> -->
  <app-pagination [getTotalItems]="totalItems" (isLoadTableFromPagination)="isLoadTableFromPaginationHandler($event)"></app-pagination>
  <!-- </div> -->
</div>
